<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>物流</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no,email=no,address=no"/>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/main.css"/>
    <style>
        header{
            background: linear-gradient(to right, #fbc301 0%,#ef8200 50%);
        }
        .goods_pic{
            width: 1.38rem;
            height: 1.38rem;
            border: 1px solid #fff;
        }
        .dot{
            width: .24rem;
            height: .24rem;
            border-radius: 50%;
            background-color: #e6e6e6;
        }
        .line_y{
            width:1px;
            flex:1;
            background-color: #e6e6e6;
        }
        .list .item:last-child .dot{
            background-color: #ef8200;
        }
        .list .item:last-child .line_y{
            width: 0;
        }
    </style>
</head>
<body class="bw">
    <article>
        <header class="ptb40 pl30 flex">
            <img src="../img/imgs.png" class="goods_pic">
            <div class="flex1 flex_column flex_j ml20 colw">
                <p>物流公司：<span id="com"></span></p>
                <p class="mt10">物流单号：<span id="nu"></span></p>
            </div>
        </header>
        <section>
            <ul class="pt88 list pr20">
                <!--<li class="flex item">
                    <div class="flex_a flex_column plr30">
                        <div class="dot"></div>
                        <div class="line_y"></div>
                    </div>
                    <div class="pb40">
                        <p>你的订单已导入</p>
                        <p class="col9">2017-06-06 12:12:36</p>
                    </div>
                </li>
                <li class="flex item">
                    <div class="flex_a flex_column plr30">
                        <div class="dot"></div>
                        <div class="line_y"></div>
                    </div>
                    <div class="pb40">
                        <p>你的订单已导入</p>
                        <p class="col9">2017-06-06 12:12:36</p>
                    </div>
                </li>
                <li class="flex item">
                    <div class="flex_a flex_column plr30">
                        <div class="dot"></div>
                        <div class="line_y"></div>
                    </div>
                    <div class="pb40">
                        <p>你的订单已导入</p>
                        <p class="col9">2017-06-06 12:12:36</p>
                    </div>
                </li>
                <li class="flex item">
                    <div class="flex_a flex_column plr30">
                        <div class="dot"></div>
                        <div class="line_y"></div>
                    </div>
                    <div class="pb40">
                        <p>你的订单已导入</p>
                        <p class="col9">2017-06-06 12:12:36</p>
                    </div>
                </li>-->
            </ul>
        </section>
    </article>
</body>
</html>
<script src="../js/jquery-1.8.3.min.js"></script>
<script src="../js/dlc.js"></script>
<script>
    dlc_request('/api/myOrder/OrderDetailList',{'orderNo':getUrlParam('orderNo')}, function(res){
        console.log(res);
        if(res.code == 1){
            var res = res.data[0];
            $('#com').text(res.logisticsName);
            $('#nu').text(res.logisticsNo);
            dlc_request('/api/express/queryExpressMsg',{'nu':res.logisticsNo,'com':res.company}, function(res){
                console.log(res);
                if(res.code == 1){
                    var str = '';
                    var list = res.list[0].exprsDetail;
                    for(var i in list){
                        str+='<li class="flex item">'+
                                '<div class="flex_a flex_column plr30">'+
                                '<div class="dot"></div>'+
                                '<div class="line_y"></div>'+
                                '</div>'+
                                '<div class="pb40">'+
                                '<p>'+list[i].context+'</p>'+
                                '<p class="col9">'+format(list[i].time,'Y-m-d H:i:s')+'</p>'+
                        '</div>'+
                        '</li>';
                    }
                    $('.list').html(str);
                }else{
                    dlctipbox.show(res.msg);
                }
            });
        }else{
            dlctipbox.show(res.msg);
        }
    });
</script>






















